@charset "utf-8";
@import "common";
body {
    position: relative;
}

.isP {
    animation: bofang 3s infinite linear;
    @keyframes bofang {
        0% {
            transform: rotate(0);
        }
        25% {
            transform: rotate(90deg);
        }
        50% {
            transform: rotate(180deg);
        }
        75% {
            transform: rotate(270deg);
        }
        100% {
            transform: rotate(360deg);
        }
    }
}

.duihuanweb {
    width: 100%;
    height: 100%;
    background: #bf0c21 url(../img/di.png);
    overflow: hidden;
    position: relative;
    p {
        font-size: r(32);
        width: r(200);
        margin: 0 auto;
        margin-top: r(327);
        color: #E7C598;
    }
    input:first-of-type {
        display: block;
        margin: r(39) auto;
        margin-bottom: r(62);
        border: 0;
        border-radius: 7px;
        width: r(307);
        height: r(53);
        background: #E7C598;
        padding-left: r(20);
    }
    input:last-of-type{
        display: none;
    }
    .queren {
        width: r(250);
        height: r(44);
        margin: 0 auto;
        img {
            width: 100%;
        }
    }
    .bofang {
        position: absolute;
        top: r(15);
        right: r(25);
        width: r(41);
        height: r(41);
        background:#E7C598 ;
        border-radius: 50%;
        img {
            width: 100%;
        }
    }
}

.duihuanshibai {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(123, 2, 7, 0.5);
    overflow: hidden;
    .dingzhineirong {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        width: r(413);
        margin: auto;
        padding-top: r(83);
        padding-bottom: r(79);
        background: #e7c598;
        .qiangxianjin {
            width: r(135);
            margin: 0 auto;
            img {
                width: 100%;
            }
        }
        p {
            width: r(195);
            margin: 0 auto;
            margin-top: r(29);
            font-size: r(20);
            text-align: center;
            background: rgb(191, 12, 33);
            line-height: r(38);
            border-radius: 7px;
        }
        .fanhui {
            position: absolute;
            right: r(16);
            top: r(11);
            width: r(36);
            height: r(36);
            img {
                width: 100%;
            }
        }
    }
}

.duihuanchenggong {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(123, 2, 7, 0.5);
    overflow: hidden;
    .dingzhineirong {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        width: r(415);
        margin: auto;
        border-radius: 7px;
        padding-top: r(111);
        padding-bottom: r(111);
        background: #e7c598;
        .qiangxianjin {
            width: r(189);
            margin: 0 auto;
            img {
                width: 100%;
            }
        }
        p {
            width: r(195);
            margin: 0 auto;
            margin-top: r(29);
            font-size: r(20);
            text-align: center;
            background: rgb(191, 12, 33);
            line-height: r(38);
            border-radius: 7px;
        }
        .fanhui {
            position: absolute;
            right: r(16);
            top: r(11);
            width: r(36);
            height: r(36);
            img {
                width: 100%;
            }
        }
    }
}